<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>David and Mei's Photography - Pricing</title>
<link href="newbasic.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/JavaScript" src="js/curvycorners.src.js"></script>
<script type="text/JavaScript" src="js/mouseevent.js"></script>
<?php include "meta.php"; ?>


<style>


#myBox {

    color: #fff;
    width:573px;
	height:380px;
    padding: 20px;
    text-align: left;
    background-color: #000;
    border: 2px solid #888888;
}


#myBox1 {

    color: #fff;
    width:430px;
	height:280px;
    text-align: left;
    background-color: #000;
    border: 2px solid #888888;
}



</style>
<script type="text/JavaScript">

  function initCorners() {
    var settings = {
      tl: { radius: 15 },
      tr: { radius: 15 },
      bl: { radius: 15 },
      br: { radius: 15 },
      antiAlias: true
    }
    curvyCorners(settings, "#myBox");
	
	}

</script>



<script type="text/javascript" src="js/jquery.js"></script> 
<script language="JavaScript" type="text/javascript">  





function autoimg(index){ 

	for(var i=1;i<=6;i++)
	{  
	  
       var flag = $("#img"+i).attr("flag");       
	   if(flag =="1" && i != index)
	   {
		 document.getElementById("tr_content_"+i).style.display="none";	  
	     var imgsrc ="menuimg/Menu_A_"+i+".png";
	     $("#img"+i).animate({src:imgsrc},{queue:true,duration:0});
	     $("#img"+i).attr("flag","0"); 
	   }
	   else if(i == index)
	   {
          if(flag =="1")
	      {
			   return;
		  }

		 document.getElementById("tr_content_"+i).style.display="";
	     $("#img"+i).attr("flag","1");  
	     var imgsrc ="menuimg/Menu_B_"+i+".png";
	     $("#img"+i).animate({height:"0"},{queue:true,duration:220})
		.animate({src:imgsrc},{queue:true,duration:0})
		.animate({height:"47px"},{queue:true,duration:220});
		
	   }
    }
} 





</script> 
<script type="text/javascript">

function AddImgEvent() {


	  var elem = document.getElementById('img1');
      xb.addEvent(elem, 'mouseenter', function(){autoimg(1)}, false);

	  elem = document.getElementById('img2');
      xb.addEvent(elem, 'mouseenter', function(){autoimg(2)}, false);

	  	  elem = document.getElementById('img3');
      xb.addEvent(elem, 'mouseenter', function(){autoimg(3)}, false);

	  	  elem = document.getElementById('img4');
      xb.addEvent(elem, 'mouseenter', function(){autoimg(4)}, false);

	  	  elem = document.getElementById('img5');
      xb.addEvent(elem, 'mouseenter', function(){autoimg(5)}, false);

	  	  elem = document.getElementById('img6');
      xb.addEvent(elem, 'mouseenter', function(){autoimg(6)}, false);


    $("#tr_content_1").show();

}

$(document).ready(function() {
	AddImgEvent();initCorners() ;
});

</script> 


</head>
<body bgcolor="#000000">
<center>


<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0" width="980" height="180">
      <param name="movie" value="main_v6.swf"/>
      <param name="quality" value="high" />
      <param name="wmode" value="transparent"/>
      <param name="menu" value="false"/>
	  <param name="FlashVars" value="pageindex=3"/>
      <embed src="main_v6.swf" flashvars="pageindex=3"  width="980" height="180" quality="high" pluginspage="http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" wmode="transparent" menu="false"></embed>
</object>
<BR>


<table  style="width:853px;"   border ="0" cellpadding ="0" cellspacing ="0">
<tr><td style="width:573px;">

  <div id="myBox" >


<table border=0  style="width:430px;height:280px" cellpadding=5 cellspacing=5>


<tr id="tr_content_1" style="display:none">
<td valign=top >
<B><a href="expressive_moments.php">Expressive Moments All-Inclusive</a></B>
<br>
<br>All sessions include final images on a CD with unlimited use license.
<br>&nbsp;&nbsp;One child - $300
<br>&nbsp;&nbsp;Two children - $375
<br>&nbsp;&nbsp;One child and two adults - $400       
<br>&nbsp;&nbsp;Engagement session - $350  
<br>&nbsp;&nbsp;High school senior session - $350   
<br>&nbsp;&nbsp;Up to four subjects - $450 
<br>&nbsp;&nbsp;Larger groups - please call  
<br>&nbsp;&nbsp;10% off for multiple sessions
</td></tr>


<tr  id="tr_content_2" style="display:none"><td valign=top >
<B>Expressive Moments A La Carte</B>
<br>
<br>&nbsp;&nbsp;Session fee is $150 for a 45 minutes session
<br>&nbsp;&nbsp;Prints are purchased seperately 
<br>&nbsp;&nbsp;Click <a href="print_pricing.php">here</a> for print pricing
</td></tr>


<tr  id="tr_content_3" style="display:none"><td valign=top >
<B><a href="ideal_identity.php">Ideal Identity</a></B><br>

<br>&nbsp;&nbsp;Executive / Model headshot - $120    
<br>&nbsp;&nbsp;Model compcard session (3 Looks) - $300
</td></tr>


<tr  id="tr_content_4" style="display:none"><td valign=top >
<B><a href="wedding_bells.php">Wedding Bells</a></B>
<br>
<br>&nbsp;&nbsp;Packages available
<br>&nbsp;&nbsp;Flexible pricing to meet your needs
</td></tr>


<tr  id="tr_content_5" style="display:none"><td valign=top >
<B><a href="around_clock.php">Around the Clock</a></B>
<br>
<br>&nbsp;&nbsp;$300 for the first three hours 
<br>&nbsp;&nbsp;$75 for each additional hour
</td></tr>


<tr  id="tr_content_6" style="display:none"><td valign=top >
<B><a href="additional_service.php">Additional Services</a></B>
<br>
<BR>&nbsp;&nbsp;Makeup service - Click <a href="makeup.php">here</a> for detail
<BR>&nbsp;&nbsp;Greeting card design and order session - $75
<BR>&nbsp;&nbsp;Print order session - $75
</tr>
</table>

  </div>





</td><td  style="width:280px;"  align="center"  valign="top">
   
<table border ="0" cellpadding ="0" cellspacing ="0" style="width:280px;">

<tr>
	<td style="height:51px;width:280px;" valign=middle align="center">
         
		 <img id="img1" src="menuimg/Menu_B_1.png" width="227px" height="47px" flag="1" />
     
	</td>

</tr>

<tr>
	<td style="height:51px;width:280px; position:relative""  valign=middle align="center">
	   
				<img id="img2" src="menuimg/Menu_A_2.png" width="227px" height="47px" />
	   	
	</td>

</tr>
<tr>
	<td style="height:51px;width:280px; position:relative""  valign=middle align="center">
	   
				<img id="img3" src="menuimg/Menu_A_3.png" width="227px" height="47px" />
	   	
	</td>

</tr>
<tr>
	<td style="height:51px;width:280px; position:relative""  valign=middle align="center">
	   
				<img id="img4" src="menuimg/Menu_A_4.png" width="227px" height="47px" />
	   	
	</td>

</tr>
<tr>
	<td style="height:51px;width:280px; position:relative""  valign=middle align="center">
	   
				<img id="img5" src="menuimg/Menu_A_5.png" width="227px" height="47px" />
	   	
	</td>

</tr>
<tr>
	<td style="height:51px;width:280px; position:relative""  valign=middle align="center">
	   
				<img id="img6" src="menuimg/Menu_A_6.png" width="227px" height="47px" />
	   	
	</td>

</tr>

</table>
	    
	    


   </td></table>

<?php
include "footer.php";
?>
</center>

</body>
</html>